<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<script type="text/javascript" src="<%=basePath %>/js/jquery/jquery.js"></script>
	
	<link rel="stylesheet" href="<%=basePath %>/bootstrap/css/bootstrap.min.css" />
	<script type="text/javascript" src="<%=basePath %>/js/jquery/ifx.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/jquery/idrop.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/jquery/idrag.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/jquery/iutil.js"></script>
	<script type="text/javascript" src="<%=basePath %>/js/jquery/islider.js"></script>
	
	<script src="<%=basePath %>/js/jquery/color_picker/color_picker.js" type="text/javascript"></script>

	<link href="<%=basePath %>/js/jquery/color_picker/color_picker.css" rel="stylesheet" type="text/css"/>
	<style type="text/css">
		body{
			background-image:url("<%=basePath%>/bootstrap/img/5.jpg");
			 background-attachment :local; 
			 background-size: cover;
		}
		.container{
			margin-left:50px;
		}
		.container .nav{
			margin-left:120px;
		}
		.span3{
			background-image:url("<%=basePath%>/bootstrap/img/5.jpg");
		}
		.container-fluid{
			margin-top:70px;
			margin-left:-20px;
		}
		#navleft{
			font-size:18px;
		}
		#aleft{
			color:black;
		}
		#aleft:hover{
			color:blue;
		}
		.pagerhader,.reqiredtable {
			background-image:url("<%=basePath%>/bootstrap/img/5.jpg");
			border-bottom: 1px solid #DADEE5;
			font-size: 18px;
			padding: 15px 30px;
			position: relative;
		}
		.othertable{
			border-bottom: 1px solid #DADEE5;
			font-size: 18px;
			padding: 15px 30px;
			position: relative;
		}
		.pagecontent .time {
			width: 50px;
		}
		td {
			padding: 0.8em;
		}
		
		.event{
			background-color:blue;
		}
		.winchance,.success{
			background-color:green;
		}
		.fail,.losttask{
			background-color:red;
		}
		.chance,.followchance{
			background-color:black;
		}
		.task{
			background-color:orange;
		}
		.today{
			background-color: #FFCC00;
		}
		
		.task1{
			margin-left:20px;
			font-size:16px;
		}
		strong, th, thead td, h1, h2, h3, h4, h5, h6 {
			font-weight: bold;
		}
		
		strong{
			font-size:16px;
		}
		.div1{
			margin-top:15px;
		}
		.color{
			margin-top:45px;
		}
		.group{
			margin-left:25px;
		}
	</style>
</head>
<body>
	<!--导航-->
	   	   <div id="navbar-example" class="navbar navbar-fixed-top">
            <div class="navbar-inner">
             <div class="container" style="width: auto; height:10px">
                <a class="brand" href="#">CRM</a>
                <ul class="nav">
					<li class="">
						 <form id="searchForm" class="navbar-search pull-left" action="http://www.google.com.hk/search" method="get">
								<input type="text" id="search" class="search-query span5" name="q" autocomplete="off" placeholder="Google Search"/>
							<!-- 	<script>
									$(document).ready(function(){
										$("#search").keydown(function(){
											if(event.keyCode == 13) {
												$("searchForm").submit();
											}

										});

									});
								</script> -->
							</form>
					  </li>
					  <li class="">
						<a href="">用户名：${sessionScope.user.username }</a>
					  </li>
                  <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">
							账号&设置
							<b class="caret"></b>
						</a>
                    <ul class="dropdown-menu">
						  <li><a href="users.action">我的信息</a></li>
						  <li><a href="groups.action">小组成员</a></li>
					<!--   <script type="text/javascript">
							$(document).ready(function(){
								$(".dropdown-toggle").dropdown();
							});
						 </script> -->	
						</ul>
					</li>
					  <li class="">
						<a href="index.action">安全退出</a>
					  </li>
                </ul>
              </div>
            </div>
          </div><!-- 
		  <script type="text/javascript">
			$(document).ready(function(){
				$(".dropdown-toggle").dropdown();
			});
		  </script> -->

		  <!--左遍的内容-->
		<div class="container-fluid">
		  <div class="row-fluid">
			<div class="span3" style="background-color: #F0F5F8;border: 1px solid #DADEE5;width:170px;height:240px;padding-top:20px;margin-left:40px;">
				<div id="left">
					<ul class="nav nav-list" id="navleft">
					  <li>
						<a href="findAllMessage.action" id="aleft">
						   <img src="<%=basePath%>/bootstrap/img/22.png"/>
							最新动态
						</a>
					  </li>
					  <li>
						<a href="contacts.action" id="aleft">
						 <img src="<%=basePath%>/bootstrap/img/18.png"/>
							联系人
						</a>
					  </li>
					  <li>
						<a href="task.action" id="aleft">
						  <img src="<%=basePath%>/bootstrap/img/20.png"/>
							日程安排
						</a>
					  </li>
					  <li>
						<a href="deal.action" id="aleft">
						 <img src="<%=basePath%>/bootstrap/img/19.png"/>
							业务机会
						</a>
					  </li>
					  <li class="search">
						<a href="search.action" id="aleft">
							<img src="<%=basePath%>/bootstrap/img/21.png"/>
							搜索
						</a>
						</li>
					</ul>
				</div>
			</div>
			<!--中心内容-->
	<div class="span6" style="border:1px solid #D7D7D7;background-color:white;width:550px">
			<div class="pagerhader">
				添加交易类型
			</div>
				<form action="dealtypesave.action" method="post">
					
					<div class="group">
						<div class="control-group">
						   
						   <label class="control-label" for="input01">交易类型名称</label>
						   <div class="controls">
						   
							<input type="text" name="dealtype.type"  />
						  </div>
						  
						    
						 
						   <label class="control-label" for="input01">交易类型的颜色</label>
						   <div class="controls">
								<div>
										<form name="fcp">
										
												<div style="float:left;width:90px;display:block" id="color1">
												
												<input type="text" id="yanse1"  name="dealtype.color" style="width:80px;height: 20px;"/>
												</div>
													<div style="float:left ; " id="color2">
														<a href="javascript:void(0);" rel="colorpicker&amp;objcode=yanse1&amp;objshow=yanse2&amp;showrgb=1&amp;" style="text-decoration:none;" attached="true">
															<div id="yanse2" style="width: 50px; height: 20px; border: 1px solid black;  ">&nbsp;
															</div>
														</a>
											 	 	</div>
												</form>
											
											</div>
							  </div >
						
							<div class="color">
					<input type="submit" class="btn btn-primary" value="添加" id="btn"/> </div>
					</div>
						
						
						
						</div>
					 
					
				</form>
				
			</div>
			
						<div class="span3" style="background-color: #F0F5F8;border: 1px solid #DADEE5;width:170px;height:240px;padding-top:20px;margin-left:25px;">
				<div class="box">
					<h3 id="anpai">什么是机会</h3>
					<p>
						机会即业务机会或商业机会，比如一笔可能成交的业务或项目。

						机会通常跟一个联系人相关，您需要先将这个联系人添加到系统。

						在输入联系人时，系统会根据已输入的内容自动查找联系人，并以下拉列表的形式显示出来，您可以从中选取一个。

						
					</p>
					
				</div>
				
				
			</div>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(
						function()
						{
						$.ColorPicker.init();
			
						$("#changebtn").click(function(){
							alert("hello");
						});
			
						}
					);
	</script>
</body>
</html>